<!--
 * @Author: Li Zengkun
 * @Date: 2022-06-30 00:02:30
 * @LastEditors: Li Zengkun
 * @LastEditTime: 2022-07-01 20:16:38
 * @Description: 联系我们
-->
<!--  -->
<template>
  <div id="connectUs">
    <!-- 主题图片 -->
    <div id="banner" class="wow"></div>

    <!-- 导航标签 -->
    <div class="target_content">
      <div class="main-content">
        您的位置:
        <router-link to="/" class="target">首页</router-link>
        <i class="fa fa-angle-right"></i>
        <router-link to="/connectus" class="target" style="color: #0072d4"
          >联系我们</router-link
        >
      </div>
    </div>

    <div class="main-content wow" id="connect_box">
      <div class="left">
        <h2>网站建设文化传播有限公司</h2>
        <p>地址：中国地区XX分区5A写字楼8-88室</p>
        <p>邮编：100000</p>
        <p>电话：40080000</p>
        <p>手机：13333333333</p>
        <p>传真：000-123123</p>
        <p>邮箱：112345321@qq.com</p>
        <span>
          <i class="fa fa-qq"></i>
        </span>
        <span>
          <i class="fa fa-wechat"></i>
        </span>
        <span>
          <i class="fa fa-weibo"></i>
        </span>
      </div>
      <div class="right">
        <form action="#">
          <input
            class="input_text"
            type="text"
            placeholder="姓名"
            name="name"
            autocomplete="off"
          />
          <input class="input_text" type="text" placeholder="邮箱" name="mail" />
          <input class="input_text" type="text" placeholder="电话" name="phone" />
          <textarea class="input_text" placeholder="内容" name="content"></textarea>
          <input
            class="input_text form_submit_btn"
            type="button"
            @click="formSubmit()"
            value="Submit form"
          />
        </form>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  components: {},
  mounted(){
    document.getElementsByTagName('title')[0].innerHTML = '云旅 | 联系我们'

  },
};
</script>

<style scoped>
@import "../assets/css/indexPage.css";

#banner {
  height: 400px;
  background-image: url("../assets/connectUsBg.jpg");
  background-position: center;
}
</style>
